<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>





    <div style="width: 654px;padding-top: 60px;">
      <div style=" font-size:28px;  margin-bottom: 20px;  line-height: 30px;color:#c80000;    font-weight: bold;" >
        服务外包
      </div>
      <div style="border-bottom: 2px dashed  #ccc;line-height: 80px;overflow: hidden;">
        <img src="http://www.loutianxia.cn/img/huiyubiaoju.png" style="width: 110px;margin-right: 26px;display: block;  float: left;" alt="" />
        <div class="first" style="float: left;  width: 126px;">
          徽誉镖局
        </div>
        <div class="second" style="  float: left;  width: 102px;  font-weight: bold;">
          搬迁安置
        </div>
        <div class="third" style="  width: 280px;line-height:30px;  float: left;  text-align: left;">
          可享受徽誉镖局安置服务的合同额<span style="color:#c80000">8折</span>优惠
        </div>
      </div>
      <div style="border-bottom: 2px dashed  #ccc;line-height: 80px;overflow: hidden;">
        <img src="http://www.loutianxia.cn/img/lvshijia.png" alt=""  style="width: 110px;margin-right: 26px;display: block;  float: left;" />
        <div class="first" style="float: left;  width: 126px;">
          上海华友园艺
        </div>
        <div class="second" style="  float: left;  width: 102px;  font-weight: bold;">
          绿植服务
        </div>
        <div class="third" style="  width: 280px;line-height:30px;  float: left;  text-align: left;">
        可享受绿饰家合同期<span style="color:#c80000">加一个月免租期</span>优惠
        </div>
      </div>
      <div style="border-bottom: 2px dashed  #ccc;line-height: 80px;overflow: hidden;">
        <img src="http://www.loutianxia.cn/img/yidianzu.png" alt="" style="width: 110px;margin-right: 26px;display: block;  float: left;" />
        <div class="first" style="float: left;  width: 126px;">
          易点租
        </div>
        <div class="second" style="  float: left;  width: 102px;  font-weight: bold;">
          办公设备
        </div>
        <div class="third" style=" line-height:30px; width: 280px;  float: left;  text-align: left;">
          可享受绿饰家合同期<span style="color:#c80000">第一个月免费</span>试用，合同期结束<span style="color:#c80000">附加一月免费</span>用
        </div>
      </div>
      <div  style="border-bottom: 2px dashed  #ccc;line-height: 80px;overflow: hidden;">
        <img src="http://www.loutianxia.cn/img/oulin.png" alt=""  style="width: 110px;margin-right: 26px;display: block;  float: left;"/>
        <div  style="float: left;  width: 126px;">
          欧林
        </div>
        <div class="second" style="  float: left;  width: 102px;  font-weight: bold;">
          办公家具
        </div>
        <div class="third" style=" line-height:30px; width: 280px;  float: left;  text-align: left;">
          可享受欧林办公家具采购合同额的<span style="color:#c80000">9.5折</span>优惠
        </div>
      </div>
      <div  style="border-bottom: 2px dashed  #ccc;line-height: 80px;overflow: hidden;">
        <img src="http://www.loutianxia.cn/img/ruici.png" alt=""  style="width: 110px;margin-right: 26px;display: block;  float: left;"/>
        <div class="first" style="float: left;  width: 126px;">
          瑞慈医疗
        </div>
        <div class="second" style="  float: left;  width: 102px;  font-weight: bold;">
          员工体检
        </div>
        <div class="third" style="  width: 280px;  float: left;  text-align: left;">
            可享受瑞慈体检标准价的<span style="color:#c80000">6折</span>优惠
        </div>
      </div>
    </div>




    <div style="width: 654px;padding-top: 60px;">
      <div style=" font-size:28px;  margin-bottom: 20px;  line-height: 30px;color:#c80000;    font-weight: bold;" >
        上线活动
      </div>
      <div style="border-bottom: 2px dashed  #ccc;line-height: 100px;overflow: hidden;">
        <div src="http://www.loutianxia.cn/img/template/wantch.png" style=" font-weight: bold;ext-align:center;width: 160px;margin-right: 60px;display: block;  float: left;" alt="" >
          礼品
        </div>
        <div  style=" font-weight: bold;float: left;  width: 264px; margin-right:60px;text-align:left">
          礼品名称
        </div>
        <div  style=" font-weight: bold;  float: left;  width: 110px;text-align:right ">
          实得业主佣金
        </div>
      </div>
      <div style="border-bottom: 2px dashed  #ccc;line-height: 100px;overflow: hidden;">
        <img src="http://www.loutianxia.cn/img/template/wantch.png" style="width: 160px;margin-right: 60px;display: block;  float: left;" alt="" />
        <div  style="float: left;  width: 264px; margin-right:60px;color:#c80000">
          Apple Watch Sport (运动款38mm)
        </div>
        <div  style="  float: left;  width: 110px; ">
          20000-39999
        </div>
      </div>
      <div style="border-bottom: 2px dashed  #ccc;line-height: 100px;overflow: hidden;">
        <img src="http://www.loutianxia.cn/img/template/6s.png" style="width: 160px;margin-right: 60px;display: block;  float: left;" alt="" />
        <div  style="float: left;  width: 264px; margin-right:60px;color:#c80000">
          iPhone6s (A1688)LL/A
        </div>
        <div  style="  float: left;  width: 110px; ">
          40000-59999
        </div>
      </div>
      <div style="border-bottom: 2px dashed  #ccc;line-height: 100px;overflow: hidden;">
        <img src="http://www.loutianxia.cn/img/template/air.png" style="width: 160px;margin-right: 60px;display: block;  float: left;" alt="" />
        <div  style="float: left;  width: 264px; margin-right:60px;color:#c80000">
          MacBook Air MJVE27ZP/A(2015新款)
        </div>
        <div  style="  float: left;  width: 110px; ">
          60000-79999
        </div>
      </div>
      <div style="border-bottom: 2px dashed  #ccc;line-height: 100px;overflow: hidden;">
        <img src="http://www.loutianxia.cn/img/template/pro.png" style="width: 160px;margin-right: 60px;display: block;  float: left;" alt="" />
        <div  style="float: left;  width: 264px; margin-right:60px;color:#c80000">
          MacBook(12英寸)
        </div>
        <div  style="  float: left;  width: 110px; ">
          80000-99999
        </div>
      </div>
      <div style="border-bottom: 2px dashed  #ccc;line-height: 100px;overflow: hidden;">
        <img src="http://www.loutianxia.cn/img/template/mac.png" style="width: 160px;margin-right: 60px;display: block;  float: left;" alt="" />
        <div  style="float: left;  width: 264px; margin-right:60px;color:#c80000">
          Macbook Pro MJLQZ7P/A(15英寸)
        </div>
        <div  style="  float: left;  width: 110px; ">
          100000+
        </div>
      </div>
      <div style="line-height:22px;font-size:12px;">
        <span>活动流程:</span><br/>
        <span>推荐客户,提交“客户推荐单”，楼天下客服来电确认后生效</span><br/>
        <span>租赁成交,客户经由楼天下平台租赁成交</span><br/>
        <span>信息确认,客服与推荐人核实身份信息（推荐人身份证，邮寄地址，接受人必须为推荐人）</span><br/>
        <span>礼品发放,按租赁合同约定首期项款支付20个工作日后邮寄礼品</span><br/>
      </div>
    </div>






    <div style="width: 654px;padding-top: 60px;">
      <div style=" font-size:28px;  margin-bottom: 20px;  line-height: 30px;color:#c80000;    font-weight: bold;" >
        上线活动
      </div>
      <div style="background:#f0f0f0;border-top: 1px solid  #ccc;border-bottom: 1px solid  #ccc;line-height: 40px;overflow: hidden;text-align:left">
        <div style="padding-left:10px; font-weight: bold;float: left;width:209px;" alt="" >
          实得业主佣金
        </div>
        <div  style=" font-weight: bold;float: left;width:415px;">
          对应礼品
        </div>
      </div>
      <div style="border-bottom: 1px solid  #ccc;line-height: 40px;overflow: hidden;text-align:left">
        <div style="padding-left:10px; float: left;width:209px;" alt="" >
          20000-39999
        </div>
        <div  style="color:#c80000; float: left;width:415px;">
            Apple Watch Sport (运动款38mm)
        </div>
      </div>
      <div style="background:#f0f0f0;border-bottom: 1px solid  #ccc;line-height: 40px;overflow: hidden;text-align:left">
        <div style="padding-left:10px; float: left;width:209px;" alt="" >
          40000-59999
        </div>
        <div  style="color:#c80000;float: left;width:415px;">
          iPhone6s (A1688)LL/A
        </div>
      </div>
      <div style="border-bottom: 1px solid  #ccc;line-height: 40px;overflow: hidden;text-align:left">
        <div style="padding-left:10px; float: left;width:209px;" alt="" >
          60000-79999
        </div>
        <div  style="color:#c80000; float: left;width:415px;">
            MacBook Air MJVE27ZP/A(2015新款)
        </div>
      </div>
      <div style="background:#f0f0f0;border-bottom: 1px solid  #ccc;line-height: 40px;overflow: hidden;text-align:left">
        <div style="padding-left:10px;float: left;width:209px;" alt="" >
          80000-99999
        </div>
        <div  style="color:#c80000; float: left;width:415px;">
          MacBook(12英寸)
        </div>
      </div>
      <div style="border-bottom: 1px solid  #ccc;line-height: 40px;overflow: hidden;text-align:left">
        <div style="padding-left:10px; float: left;width:209px;" alt="" >
          100000+
        </div>
        <div  style="color:#c80000; float: left;width:415px;">
            Macbook Pro MJLQZ7P/A(15英寸)
        </div>
      </div>



      <div style="line-height:22px;font-size:12px;">
        <span>活动流程:</span><br/>
        <span>推荐客户,提交“客户推荐单”，楼天下客服来电确认后生效</span><br/>
        <span>租赁成交,客户经由楼天下平台租赁成交</span><br/>
        <span>信息确认,客服与推荐人核实身份信息（推荐人身份证，邮寄地址，接受人必须为推荐人）</span><br/>
        <span>礼品发放,按租赁合同约定首期项款支付20个工作日后邮寄礼品</span><br/>
      </div>
    </div>



    <div style="width: 654px;padding-top: 60px;">
      <div style=" font-size:28px;  margin-bottom: 20px;  line-height: 30px;color:#c80000;    font-weight: bold;" >
        服务礼包
      </div>
      <div style="background:#f0f0f0;border-top: 1px solid  #ccc;border-bottom: 1px solid  #ccc;line-height: 40px;overflow: hidden;text-align:left">
        <div style="padding-left:10px; font-weight: bold;float: left;width:108px;" alt="" >
          公司
        </div>
        <div style="padding-left:10px; font-weight: bold;float: left;width:108px;" alt="" >
          服务项目
        </div>
        <div  style=" font-weight: bold;float: left;width:412px;">
          优惠折扣
        </div>
      </div>
      <div style="font-size:14px;border-bottom: 1px solid  #ccc;line-height: 40px;overflow: hidden;text-align:left; font-weight: normal">
        <div style="padding-left:10px; float: left;width:108px;" alt="" >
          徽誉镖局
        </div>
        <div style="padding-left:10px;float: left;width:108px;" alt="" >
          搬迁安置
        </div>
        <div  style=" float: left;width:412px;">
          可享受徽誉镖局安置服务的合同额<span style="color:#c80000">8折</span>优惠
        </div>
      </div>
      <div style="font-size:14px;background:#f0f0f0;border-bottom: 1px solid  #ccc;line-height: 40px;overflow: hidden;text-align:left; font-weight: normal">
        <div style="padding-left:10px; float: left;width:108px;" alt="" >
          上海华友园艺
        </div>
        <div style="padding-left:10px;float: left;width:108px;" alt="" >
          绿植服务
        </div>
        <div  style=" float: left;width:412px;">
          可享受绿饰家合同期<span style="color:#c80000">加一个月免租期</span>优惠
            </div>
      </div>
      <div style="font-size:14px;border-bottom: 1px solid  #ccc;line-height: 40px;overflow: hidden;text-align:left; font-weight: normal">
        <div style="padding-left:10px; float: left;width:108px;" alt="" >
          易点租
        </div>
        <div style="padding-left:10px;float: left;width:108px;" alt="" >
          办公设备
        </div>
        <div  style=" float: left;width:412px;">
          可享受绿饰家合同期<span style="color:#c80000">第一个月免费</span>试用，合同结束<span style="color:#c80000">附加一月免费</span>用
      </div>
      </div>
      <div style="font-size:14px;background:#f0f0f0;border-bottom: 1px solid  #ccc;line-height: 40px;overflow: hidden;text-align:left; font-weight: normal">
        <div style="padding-left:10px; float: left;width:108px;" alt="" >
          欧林
        </div>
        <div style="padding-left:10px;float: left;width:108px;" alt="" >
          办公家具
        </div>
        <div  style=" float: left;width:412px;">
          可享受欧林办公家具采购合同额的<span style="color:#c80000">9.5折</span>优惠
    </div>
      </div>
      <div style="border-bottom: 1px solid  #ccc;line-height: 40px;overflow: hidden;text-align:left; font-weight: normal;font-size:14px;">
        <div style="padding-left:10px; float: left;width:108px;" alt="" >
          瑞慈医疗
        </div>
        <div style="padding-left:10px;float: left;width:108px;" alt="" >
          员工体检
        </div>
        <div  style=" float: left;width:412px;">
          可享受瑞慈体检标准价的<span style="color:#c80000">6折</span>优惠
    </div>
      </div>


    </div>
    <div style="width: 654px;padding-top: 60px;">
      <div style=" font-size:28px;  margin-bottom: 20px;  line-height: 30px;color:#c80000;    font-weight: bold;" >
        推荐房源
      </div>
      <div style="background:#f0f0f0;border-top: 1px solid  #ccc;border-bottom: 1px solid  #ccc;line-height: 40px;overflow: hidden;text-align:left">
        <div style="padding-left:10px; font-weight: bold;float: left;width:130px;" alt="" >
          大厦名称
        </div>
        <div style="padding-left:10px; font-weight: bold;float: left;width:120px;" alt="" >
          城区商圈
        </div>
        <div  style=" font-weight: bold;float: left;width:120px;">
          面积
        </div>
        <div  style=" font-weight: bold;float: left;width:120px;">
          租金
        </div>
        <div  style=" font-weight: bold;float: left;width:120px;">
          轨道交通
        </div>
      </div>
      <div style="font-size:14px;border-bottom: 1px solid  #ccc;line-height: 40px;overflow: hidden;text-align:left; font-weight: normal">
        <div style="padding-left:10px; float: left;width:130px;" alt="" >
          国金中心
        </div>
        <div style="padding-left:10px;float: left;width:120px;" alt="" >
          铝价最
        </div>
        <div  style=" float: left;width:120px;">
          <span style="color:#c80000">3000m<sup>2</sup></span>
        </div>
        <div  style=" float: left;width:120px;">
          <span style="color:#c80000">3000元/m<sup>2</sup>.天</span>
        </div>
        <div  style=" float: left;width:120px;">
          2/5号线
        </div>
      </div>



    </div>






    <script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=37fQZDRYjBGdpbM3zXe1YNEK"></script>
    <script type="text/javascript">

  var i =0;
      window.onload=function(){


        $.get("http://www.loutianxia.cn/api/building/allXYBD").done(function(data){
          console.log(data.data);
          data.data.forEach(function(ele){
            setTimeout(function(){
              insert(ele.xPoint,ele.yPoint,ele.id)

            },Math.floor(Math.random()*20000))


          })


        })


        var x=document.getElementsByClassName("haolou-input-x")[0].value;
        var y=document.getElementsByClassName("haolou-input-y")[0].value;
        // var map = new BMap.Map("map");
        var point = new BMap.Point(x,y)
        // map.centerAndZoom(point, 14);
        var   distance = 245

        // var localSearch = new BMap.LocalSearch(point,{
        //   onSearchComplete:function(result){
        //     if(result.keyword=="银行"){
        //       var a =result.wr.map(function(ele){
        //         return ele.title
        //       }).join(" ")
        //       document.getElementById("haolou-content-bank").innerText=a
        //       document.getElementById("bank-num").innerText="共"+result.getNumPois()+"等"
        //     }
        //
        //     if(result.keyword=="美食"){
        //       var a =result.wr.map(function(ele){
        //         return ele.title
        //       }).join(" ")
        //       document.getElementById("haolou-content-food").innerText=a
        //       document.getElementById("food-num").innerText="共"+result.getNumPois()+"等"
        //
        //
        //     }
        //     if(result.keyword=="酒店"){
        //       var a =result.wr.map(function(ele){
        //         return ele.title
        //       }).join(" ")
        //       document.getElementById("haolou-content-hotel").innerText=a
        //       document.getElementById("hotel-num").innerText="共"+result.getNumPois()+"等"
        //     }
        //     if(result.keyword=="公交"){
        //       var a =result.wr.map(function(ele){
        //         return ele.title
        //       }).join(" ")
        //       document.getElementById("haolou-content-jiao").innerText=a
        //       document.getElementById("jiao-num").innerText="共"+result.getNumPois()+"等"
        //     }
        //   }
        // })
        // localSearch.searchNearby("银行",point,distance)
        // localSearch.searchNearby("美食",point,distance)
        // localSearch.searchNearby("酒店",point,distance)
        // localSearch.searchNearby("公交",point,distance)
      }

      function insert (x,y,id){

        var point   = new BMap.Point(x,y)
        var bank=  search("银行",point)
        var transit=  search("交通",point)
        var food=  search("美食",point)
        var hotel=  search("酒店",point)
        $.when(bank,transit,food,hotel).done(function(a,b,c,d){
        //  console.log();
        //  a.wr.slice(0,5).join(" ")+"||"+a.getNumPois()
        function title(e){
          return e.title
        }

          $.get("http://www.loutianxia.cn/api/building/upBdInfo",{
            id:id,
            bdTrans:b.wr.slice(0,5).map(title).join(" ")+"||"+b.getNumPois(),
            bdDining:c.wr.slice(0,5).map(title).join(" ")+"||"+c.getNumPois(),
            bdHotel:d.wr.slice(0,5).map(title).join(" ")+"||"+d.getNumPois(),
            bdBank:a.wr.slice(0,5).map(title).join(" ")+"||"+a.getNumPois()
          }).done(function(data){
            console.log(8888,data,i++);
          })

        })
      }

      function search(key,point){
        　var dtd = $.Deferred()
        var localSearch = new BMap.LocalSearch(point,{
          onSearchComplete:function(result){
            dtd.resolve(result)
          }});
          localSearch.searchNearby(key,point,300)
          return dtd
      }




    </script>

  </body>
</html>
